@charset "UTF-8";

/*** 公共 开始***/

.public1 {
    .list {
        margin: 0 -1em;
    }
    .item {
        padding: 0 1em;
        margin-bottom: 2.5em;
        .box {
            max-width: 270px;
        }
        .bd {
            padding-top: .7em;
        }
        .imgs {
            width: 100%;
            height: 9em;
            overflow: hidden;
            position: relative;
        }
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .tit {
            font-size: .9em;
            line-height: 1.66;
            font-weight: bold;
            color: #002d72;
            margin-bottom: 0.1666em;
        }
        .doc {
            height: 5.15em;
            font-size: .7em;
            line-height: 1.2857em;
            color: #666;
            margin-bottom: 1.2857em;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden;
        }
        .more {
            font-size: .7em;
            line-height: 1;
            color: #27aee5;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            .bi {
                width: .642857em;
                height: 1.14285em;
                margin-left: 1em;
            }
        }
    }
    .global-paging {
        margin-top: 1em;
    }
}

@media (max-width:991.98px) {
    .public1 {
        .item {
            margin-bottom: .6rem;
            .box {
                max-width: 270px;
            }
            .bd {
                padding-top: .3rem;
            }
            .imgs {
                width: 100%;
                height: 4.32rem;
            }
            .tit {
                font-size: .32rem;
                line-height: .72rem;
                margin-bottom: 0em;
            }
            .doc {
                font-size: .28rem;
                line-height: .44rem;
                color: #666;
                margin-bottom: .32rem;
            }
            .more {
                font-size: .28rem;
                line-height: 1;
                color: #27aee5;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                .bi {
                    width: .15rem;
                    height: .24rem;
                    margin-left: .18rem;
                }
            }
        }
        .item:last-child {
            margin-bottom: 0;
        }
        .global-paging {
            margin-top: .66rem;
        }
    }
}

.public4 {
    margin-bottom: .25rem;
    .item {
        .image {
            position: absolute;
            top: 0;
            left: 0;
        }
        .image2 {
            display: none;
        }
        .doc {
            margin-bottom: 0;
        }
    }
    .item:hover {
        .image1 {
            display: none;
        }
        .image2 {
            display: block;
        }
    }
}

@media (max-width:991.98px) {
    .public4 {
        margin-bottom: .6rem;
        .item {
            margin-bottom: .52rem;
            .doc {
                margin-bottom: 0;
            }
        }
    }
}

.public2 {
    margin-bottom: 3em;
    .tabbox1 {
        width: 100%;
        text-align: center;
        table {
            width: 100%;
        }
        thead {
            th {
                font-size: .7em;
                line-height: 2;
                padding: .54em 0;
                color: #fff;
                background-color: #064b84;
            }
            th:nth-child(1) {
                width: 33.0337%;
            }
            th:nth-child(2) {
                width: 30.337%;
            }
            th:nth-child(3) {
                width: 36.6293%;
            }
        }
        tbody {
            tr:nth-child(odd) {
                background-color: #f2f5f9;
            }
            tr:nth-child(even) {
                background-color: #e9eef5;
            }
        }
        td {
            padding: .65em;
            border: solid 1px #fff;
            p {
                font-size: .7em;
                line-height: 2.571em;
                color: #32373e;
            }
        }
    }
}

@media (max-width:991.98px) {
    .public2 {
        margin-bottom: auto;
        .tabbox1 {
            width: 100%;
            overflow-y: scroll;
            text-align: center;
            table {
                width: 163%;
                overflow-y: scroll;
            }
            thead {
                th {
                    font-size: .28rem;
                    line-height: .52rem;
                    // padding: .54em 0;
                    color: #fff;
                    background-color: #064b84;
                }
                th:nth-child(1) {
                    width: 33%;
                }
                th:nth-child(2) {
                    width: 47%;
                }
                th:nth-child(3) {
                    width: 40%;
                }
            }
            tbody {
                tr:nth-child(odd) {
                    background-color: #f2f5f9;
                }
                tr:nth-child(even) {
                    background-color: #e9eef5;
                }
            }
            td {
                padding: .25rem .84rem;
                p {
                    font-size: .28rem;
                    line-height: .6rem;
                }
            }
        }
    }
}

// 产品详情页内容描述 开始
.editor-content {
    padding: 1.6em 0 0em 0em;
    p {
        font-size: .8em;
        line-height: 1.75;
        color: #333;
        position: relative;
        margin-bottom: .9em;
        padding-left: 1.25em;
    }
    p::before {
        position: absolute;
        content: '';
        left: -0;
        top: .6em;
        width: .875em;
        height: .625em;
        color: #fc9f11;
        background: no-repeat center;
        background-size: contain;
        background-image: url(/img/images/jtright.svg);
    }
    img {
        display: block;
        width: auto;
        height: 100%;
        max-width: 820px;
        margin: 0 auto;
        object-fit: cover;
        margin-bottom: 1.7em;
    }
}

@media (max-width:991.98px) {
    .editor-content {
        padding: .4rem 0 0em .0rem;
        p {
            font-size: .28rem;
            line-height: .46rem;
            position: relative;
            margin-bottom: .31rem;
            padding-left: .3rem;
        }
        p::before {
            position: absolute;
            content: '';
            left: 0em;
            top: .13rem;
            width: .875em;
            height: .625em;
        }
        img {
            display: block;
            width: 100%;
            height: 100%;
            max-width: 7.5rem;
            margin: 0 auto;
            object-fit: cover;
            margin-bottom: .5rem;
            margin-top: .08rem;
        }
    }
}

.editor-pl {
    .editor-content {
        padding-left: 0;
    }
}

table {
    p::before {
        display: none;
    }
}

// 表格2 开始
.tabbox2 {
    text-align: center;
    table {
        width: 100%;
    }
    p {
        margin-bottom: 0;
    }
    thead {
        th {
            padding: .55em 0;
        }
        tr {
            background-color: #064b84;
        }
        p {
            font-size: .7em;
            line-height: 1.71;
            color: #fff;
            margin-bottom: 0;
        }
    }
    tbody {
        tr {
            td {
                padding: .45em 0;
            }
            p {
                font-size: .7em;
                line-height: 2.57;
                color: #32373e;
            }
            background-color: #f2f5f9;
        }
        tr:first-child {
            td {
                padding: .4em 0;
            }
            p {
                font-size: .7em;
                line-height: 1.71;
                color: #fff;
            }
            background-color: #8da2b3;
        }
    }
}

@media (max-width:991.98px) {
    .tabbox2 {
        text-align: center;
        width: 100%;
        overflow-y: scroll;
        table {
            width: 200%;
            overflow-y: scroll;
        }
        p {
            margin-bottom: 0;
        }
        td {
            border: solid 1px #fff;
        }
        thead {
            th {
                padding: .14rem 0;
            }
            tr {
                background-color: #064b84;
            }
            p {
                font-size: .28rem;
                line-height: .52rem;
                color: #fff;
                margin-bottom: 0;
            }
        }
        tbody {
            tr {
                td {
                    padding: .18rem 0 .45rem;
                }
                p {
                    font-size: .28rem;
                    line-height: .68rem;
                    color: #32373e;
                }
                background-color: #f2f5f9;
            }
            tr:first-child {
                td {
                    padding: .11rem 0;
                }
                p {
                    font-size: .28rem;
                    line-height: .52rem;
                    color: #fff;
                }
                background-color: #8da2b3;
            }
        }
    }
}

// 表格2 结束
.editor-content2 {
    h5 {
        font-size: .9em;
        font-weight: bold;
        line-height: 1.66;
        color: #27aee5;
        margin-bottom: .5em;
    }
    p {
        font-size: .8em;
        line-height: 1.75;
        color: #333;
        margin-bottom: .6875em;
    }
    img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        margin-top: 1.15em;
        margin-bottom: 1.2em;
        padding: .5em 1em;
        background-color: #c4cbd0;
        object-fit: fill;
    }
}

@media (max-width:991.98px) {
    .editor-content2 {
        h5 {
            font-size: .32rem;
            font-weight: bold;
            line-height: .72rem;
            color: #27aee5;
            margin-bottom: .5em;
        }
        p {
            font-size: .28rem;
            line-height: .46rem;
            margin-bottom: .22rem;
        }
        img {
            display: block;
            width: 100%;
            height: 2.14rem;
            margin: 0 auto;
            margin-top: 0.2rem;
            margin-bottom: .5rem;
            padding: .1rem .15rem;
            background-color: #c4cbd0;
        }
    }
}

.report {
    margin-bottom: 1.7em;
    .boxs {
        padding: 1.2em 1.5em;
    }
    .item {
        display: flex;
        display: -webkit-flex;
    }
    background-color: #e7ecf0;
    .doc,
    .tit {
        font-size: .8em;
        line-height: 1.75;
        min-width: 8em;
    }
    .tit {
        font-weight: bold;
        color: #32373e;
    }
    .doc {
        color: #32373e;
    }
    a {
        color: #27aee5;
    }
}

@media (max-width:991.98px) {
    .report {
        margin-bottom: 1.7em;
        background-color: #e7ecf0;
        .boxs {
            padding: .3rem;
        }
        .list {
            width: 100%;
        }
        .doc,
        .tit {
            font-size: .28rem;
            line-height: .46rem;
            min-width: 1.6rem;
        }
    }
}

// 产品详情页内容描述 结束
.p-ship {
    .nav-right {
        .column {
            margin-bottom: 1.75em;
        }
        .column:nth-child(1) {
            margin-bottom: 2em;
        }
    }
}

@media (max-width:991.98px) {
    .p-ship {
        .nav-right {
            .column {
                margin-bottom: .42rem;
            }
            .column:nth-child(1) {
                margin-bottom: .6rem;
            }
        }
    }
}

.tabbox3 {
    text-align: center;
    margin-top: 2em;
    table {
        width: 100%;
    }
    p {
        margin-bottom: 0;
    }
    th,
    td {
        border: solid 1px rgba(255, 255, 255, 0.5);
    }
    thead {
        th {
            width: 11.11% !important;
            padding: .55em .5em;
        }
        tr {
            background-color: #064b84;
        }
        p {
            font-size: .7em;
            line-height: 1.142857;
            color: #fff;
            margin-bottom: 0;
        }
    }
    tbody {
        tr {
            td {
                padding: .45em 0;
            }
            p {
                font-size: .7em;
                line-height: 2.57;
                color: #32373e;
            }
            background-color: #f2f5fa !important;
        }
        tr:first-child {
            td {
                padding: .4em 0;
            }
            p {
                font-size: .7em;
                line-height: 2.51;
                color: #32373e;
            }
            background-color: #8da2b3;
        }
    }
}

.public5 {
    img {
        padding: 0;
        margin-bottom: 1.7em;
        background-color: transparent;
    }
}

@media (max-width:991.98px) {
    .public5 {
        img {
            padding: 0;
            margin-bottom: .6rem;
            background-color: transparent;
        }
    }
    .tabbox3 {
        text-align: center;
        margin-top: 2em;
        width: 100%;
        overflow-y: scroll;
        table {
            width: 235%;
            overflow-y: scroll;
        }
        p {
            margin-bottom: 0;
        }
        th,
        td {
            border: solid 1px rgba(255, 255, 255, 0.5);
        }
        thead {
            th {
                width: 11.11% !important;
                padding: .15rem .15rem;
            }
            p {
                font-size: .28rem;
                line-height: .36rem;
                margin-bottom: 0;
            }
        }
        tbody {
            tr {
                td {
                    padding: .45em 0;
                }
                p {
                    font-size: .28rem;
                    line-height: .66rem;
                }
            }
            tr:first-child {
                td {
                    padding: .4em 0;
                }
                p {
                    font-size: .28rem;
                    line-height: .66rem;
                }
            }
        }
    }
}

// 学术活动 开始
.public6 {
    .list {
        margin: 0 -15px;
    }
    .item {
        margin-bottom: 1.5em;
    }
    .imgs {
        position: relative;
        width: 100%;
        height: 9.4em;
        overflow: hidden;
    }
    .image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .bd {
        padding: .8em 1em 1em;
        background-color: #f5f7fa;
    }
    .tit {
        height: 4.5em;
        font-size: .8em;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 2.0625em;
        color: #333;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .time {
        font-size: .7em;
        line-height: 1;
        color: #044482;
    }
    .list {
        .item:nth-last-child(1),
        .item:nth-last-child(2),
        .item:nth-last-child(3) {
            margin-bottom: 0;
        }
    }
}

@media (max-width:991.98px) {
    .public6 {
        .item {
            margin-bottom: .48rem;
        }
        .imgs {
            width: 100%;
            height: 4.4rem;
            overflow: hidden;
        }
        .bd {
            padding: .4rem .3rem .6rem;
            background-color: #f5f7fa;
        }
        .tit {
            font-size: .28rem;
            font-weight: bold;
            line-height: .5rem;
            margin-bottom: .86rem;
            color: #333;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }
        .time {
            font-size: .28rem;
            line-height: 1;
        }
        .list {
            .item:nth-last-child(1) {
                margin-bottom: 0;
            }
            .item:nth-last-child(2),
            .item:nth-last-child(3) {
                margin-bottom: .48rem;
            }
        }
    }
}

// 学术活动 结束
// 发展历程 开始
.history {
    padding-top: 1.35em;
    overflow: hidden;
    .history-swiper {
        position: relative;
        padding-bottom: 4.5em;
        .item-slide:nth-child(1) {
            .line {
                border-radius: 20px 0px 0px 20px;
                background: linear-gradient(90deg, #004886 100%, #003b7c 100%, #002d72 100%), linear-gradient( #064b84, #064b84);
            }
        }
        .item-slide {
            min-height: 100%;
            border-right: 1px solid #c8dbe3;
            transition: all 0.5s ease;
        }
        .tit {
            font-size: 1.5em;
            font-weight: lighter;
            line-height: 1;
            color: #666;
            margin-bottom: .5em;
            margin-left: .66em;
        }
        .line {
            position: relative;
            width: 100%;
            height: 2em;
            background: linear-gradient( #004886 100%, #003b7c 100%, #002d72 100%), linear-gradient( #064b84, #064b84);
            background-blend-mode: normal, normal;
            border-radius: 0px 0px 0px 0px;
        }
        .line::after {
            position: absolute;
            content: '';
            top: 50%;
            left: 1em;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #fff;
            transform: translateY(-50%);
        }
        .doc {
            height: 10.25em;
            margin-top: -.75em;
            padding: 1.5em 1.25em 0 .9em;
            p {
                font-size: .8em;
                line-height: 1.75;
                color: #333;
            }
        }
        .history-swiper-pagination {
            top: auto;
            bottom: 0;
            background: #f0f2f5;
        }
        .swiper-pagination-progressbar-fill {
            background: #c2d4e3;
        }
    }
}

@media (min-width:991.98px) {
    .history {
        .history-swiper {
            .item-slide.active {
                width: 13em !important;
                width: 29.2% !important;
                transition: all 0.5s ease;
                .line {
                    background: #06697e;
                }
                .doc {
                    background-color: #ecf0f4;
                }
            }
        }
    }
}

@media (max-width:991.98px) {
    .history {
        padding-top: .38rem;
        overflow: inherit;
        .history-swiper {
            position: relative;
            padding-bottom: .84rem;
            .tit {
                font-size: .36rem;
                line-height: 1;
                margin-bottom: .15rem;
                margin-left: .2rem;
            }
            .line {
                position: relative;
                width: 100%;
                height: .4rem;
                background: linear-gradient( #004886 100%, #003b7c 100%, #002d72 100%), linear-gradient( #064b84, #064b84);
                background-blend-mode: normal, normal;
                border-radius: 0px 0px 0px 0px;
            }
            .line::after {
                position: absolute;
                content: '';
                top: 50%;
                left: .2rem;
                width: .07rem;
                height: .07rem;
                border-radius: 50%;
                background: #fff;
                transform: translateY(-50%);
            }
            .doc {
                height: 10.25em;
                margin-top: -.2rem;
                padding: .42rem .23rem 0 .2rem;
                p {
                    font-size: .28rem;
                    line-height: .46rem;
                }
            }
            .history-swiper-pagination {
                height: .05rem;
                top: auto;
                bottom: 0;
                background: #f0f2f5;
            }
            .swiper-pagination-progressbar-fill {
                height: .05rem;
                background: #c2d4e3;
            }
        }
    }
}

// 发展历程 结束